/* 
    Document   : jquery.datepicker.css
    Created on : Jan 20, 2014, 9:03:30 AM
    Author     : khiem.tranthien
    Description:
        Purpose of the stylesheet follows.
*/

.datepicker {
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
    margin: 2px 0px;
    outline: none;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
}
.datepicker.disabled {
    margin: 0px;
}
.modal-layer {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}

.datepicker.active {
    background-color: #4cbeff;
    color: #fff;    
}

.picker {
    position: absolute;
    width: 350px;
    background-color: #fff;
    z-index: 100;
    border: 1px solid #4cbeff;
    box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
}

.datepicker div {
    padding: 5px;
    font-weight: bolder;
    color: black;
    display: inline-block;
}

.datepicker.active div {
    color: white;
}

.datepicker .day, .datepicker .date, .datepicker .month {   
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.datepicker .day {
    padding-left: 15px;
    background: rgba(0, 0, 0, 0.05);
}

.datepicker .year {
    padding-right: 15px;
}

.datepicker div.focus {
    background: rgba(0, 0, 0, 0.1);
}

.datepicker .dateinput {
    width: 0px;
    height: 0px;
    opacity: 0;
}

.picker .picker-header {
    background: #4cbeff;
    border-bottom: 3px solid rgba(0, 0, 0, 0.15);
    display: table;
    width: 100%;
    box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
}

.picker .picker-header * {
    display: table-cell;    
    text-align: center;
    color: white;
    font-weight: bolder;
    padding: 5px;
}

.picker .picker-header a {
    width: 50px;
}

.picker .picker-header a:hover {
    background-color: rgba(0, 0, 0, 0.15); 
}


.picker .picker-header .previous-month {
    border-right: 1px solid rgba(0, 0, 0, 0.15);  
}

.picker .picker-header .next-month {
    border-left: 1px solid rgba(0, 0, 0, 0.15);  
}

.picker .itemArea {    
}

.picker .itemArea .row {
    display: table;
    width: 100%;
    border-bottom: 2px solid #4cbeff;    
}

.picker .itemArea .row a { 
    display: table-cell;
    padding: 5px;
    text-align: right;
    width: 14%;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    color: black;
}

.picker .itemArea .row a:hover { 
    background: #4cbeff;    
    color: white;
}

.picker .itemArea .row a.col6 { 
    background: rgba(0, 0, 0, 0.15);
    border-right: 0px;
}

.picker .itemArea .row a.col0 { 
    background: rgba(255, 0, 0, 0.15);
}

.picker .itemArea .row a.cell.selected { 
    background: #4cbeff;
    color: white;
}

.datepicker .picker-title {
    background: #2a9cdd;
    color: white;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}